﻿@model QDT.Web.Models.UserLoginModel
@{
    ViewBag.Title = "用户登陆";
}
<script type="text/javascript">

    function tipShow() {
        $(".login-error").show();
    }

    function tipHide() {
        $(".login-error").hide();
    }

    function coderefresh() {
        var id = document.getElementById("imgverCode");
        var d = new Date();
        id.src = '/secure/verifyCode.jsp?a=' + d.getTime();
    }

    function hideVerifyCode() {
        $("#messagecode").hide();
    }

    function checkVerifyCode() {
        var tip = $("#tip");
        var vCode = document.getElementById("verifycode");
        if (vCode == null || vCode.value.length < 4) {
            tip.html("请输入验证码");
            tipShow();
            return false;
        } else {
            tipHide();
        }
        return true;
    }

    function chekNkNamefor() {
        var tip = $("#tip");
        var nkName = document.getElementById("userName").value;
        if (nkName == "" || nkName == null || nkName == "用户名/手机号/邮箱") {
            tip.html("请输入用户名");
            tipShow();
            return false;
        } else {
            tipHide();
            return true;
        }
    }

    function chekPwdfor_login() {
        var tip = $("#tip");
        var pwd = document.getElementById("password");
        if (pwd == null || pwd.value == "") {
            tip.html("请输入密码");
            tipShow();
            return false;
        } else {
            tipHide();
        }
        return true;
    }


    // 登录按钮操作
    function loginSubmit() {
        var tip = $("#tip");
        $("#loginerr").html("");
        if (chekNkNamefor() && chekPwdfor_login()) {
            return true;
        } else {
            return false;
        }
    }


</script>
<script type="text/javascript">
    var _mvq = _mvq || [];
    _mvq.push(['$setAccount', 'm-26937-0']);

    _mvq.push(['$logConversion']);
    (function () {
        var mvl = document.createElement('script');
        mvl.type = 'text/javascript';
        mvl.async = true;
        mvl.src = ('https:' == document.location.protocol ? 'https://static-ssl.mediav.com/mvl.js' : 'http://static.mediav.com/mvl.js');
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(mvl, s);
    })();

</script>
<script type="text/javascript">
    $(function () {
        $("#user_nav").load("/Home/LoginInfo?tmp=" + new Date().getTime());
    });
</script>
<script type="text/javascript" src="/Content/Default/JS/jquery.validate.js"> </script>
<script type="text/javascript" src="/Content/Default/JS/messages_zh.js"> </script>
<div class="ui-body">
    <div class="ui-inner">
        <div class="ui-box ui-login fn-clear" style="background: #fff url(/Content/Default/Images/login_bg_1.png) 0 0 no-repeat;">
            <form action=@Url.Action("LogIn", "Account") class="ui-form" method="post" style="padding: 0 0; position: relative;"
                          onsubmit=" return loginSubmit(); ">
            <fieldset>
                <legend>会员登录</legend>
                <div style="margin: 0 20px 2px;">
                    <label style="color: #ffc13b; font-size: 20px;">
                        登录</label>
                </div>
                <hr style="border: 1px #ffc13b solid;" />
                <p class="login-error" style="color: #ffc13b; display: none; font-size: 12px; left: 100px;
                    position: absolute; top: 48px;">
                    <span id="tip">请输入用户名 </span>
                </p>
                <div id="loginerr" style="color: #ffc13b; font-size: 12px; left: 100px; position: absolute;
                    top: 48px;">
                    @Html.ValidationSummary(true)
                </div>
                <div>
                </div>
                <div class="ui-form-item" style="margin-top: 40px;">
                    @Html.AntiForgeryToken()
                    <input type="hidden" name="ReturnUrl" value="@Request.QueryString["ReturnUrl"]"/>
                    <input type="text" id="userName" name="userName" onblur=" chekNkNamefor(); " class="ui-input ui-input-large"
                        autocomplete="off" style="background: url(/Content/Default/Images/loginname002.png) -1px -1px no-repeat;
                        border-radius: 6px 6px; color: #aaa; height: 26px; outline: none; padding-left: 42px;
                        width: 210px;" value="用户名/手机号/邮箱" />
                </div>
                <div class="ui-form-item">
                    <input class="ui-input ui-input-large" name="password" id="password" onblur=" chekPwdfor_login(); "
                        style="background: url(/Content/Default/Images/loginpwd003.png) -1px -1px no-repeat;
                        border-radius: 6px 6px; color: #aaa; height: 26px; outline: none; padding-left: 42px;
                        width: 210px;" type="password" />
                </div>
                <div class="ui-form-item fn-clear">
                    <span class="fn-left">
                        <input class="ui-checkbox" id="autoSign" name="autoSign" value="true" type="checkbox" />
                        <label class="font-size14" for="autoSign">
                            自动登录</label>
                    </span><a href="/Account/ForgetPassword" class="fn-right font-size14" style="color: #4d7ac4;">
                        忘记密码？</a>
                </div>
                <div class="ui-form-item" style="color: red;">
                </div>
                <div class="ui-form-item">
                    <input type="hidden" name="ajax" value="1" />
                    <input type="submit" class="ui-button-rrd-blue ui-button-rrd-blue-large" value='立即登录'
                        id="loginBt" name="loginBt" style="margin: 0 30px; background: #ffc13b" />
                </div>
                <div class="ui-form-item text-center">
                    <p class="font-size14">
                        没有账号？ <a  href="@Url.Action("Register")" style="color: #4d7ac4;">免费注册</a></p>
                </div>
                <div style="margin: 15px;">
                    <div style="float: left;">
                        <img src="/Content/Default/Images/ssl_ok006.png" />&nbsp;</div>
                    <p class="font_size12">
                        您的信息已通过SSL加密保护，数据传输安全！
                    </p>
                </div>
            </fieldset>
            </form>
            @*                    <a href="https://www.zxidai.com/Article/ShowDetail/250" style="display: block; margin-left: 525px; margin-top: 415px;" target="_blank">*@
            @*                        <img src="/Content/Default/Images/login_bg_2-01.png" style="height: 30px; width: 90px;"/></a>*@
        </div>
    </div>
</div>
<!--footer begin-->
@*        <div class="ui-foot">*@ @*            <div class="ui-inner">*@ @*                <div class="ui-foot-section">*@
@*                    <ul class="ui-foot-links fn-clear">*@ @*                        <li>*@
@*                            <h4>*@ @*                                友情链接</h4>*@
@*                        </li>*@ @*                        <li><a target="_blank" href="http://www.qdt.cc">黔贷通</a></li>*@
@*                        <li><a target="_blank" href="http://www.china-see.com">上股交</a></li>*@
@*                        <li><a target="_blank" href="http://www.smegz.gov.cn">中小网</a></li>*@
@*                    </ul>*@ @*                </div>*@ @*                <div class="ui-foot-section fn-clear">*@
@*                    <div class="ui-foot-links fn-left">*@ @*                        <ul class="fn-clear">*@
@*                            <li><a target="_blank" href="/Home/About?p=Company">公司介绍</a></li>*@
@*                            <li><a target="_blank" href="/Home/Guarantee">安全保障</a></li>*@
@*                            <li><a target="_blank" href="/Article/List?cid=21">媒体报道</a></li>*@
@*                            <li><a target="_blank" href="/Home/About?p=Partner">合作伙伴</a></li>*@
@*                            <li><a target="_blank" href="/Home/Help">帮助中心</a></li>*@
@*                            <li><a target="_blank" href="/Home/Contact">联系我们</a></li>*@
@*                        </ul>*@ @*                        <ul class="ui-foot-icons fn-clear">*@
@*                            <li>*@ @*                                <h4>*@ @*                                    客户服务</h4>*@
@*                            </li>*@ @*                            <li><a target="_blank" href="http://wpa.b.qq.com/cgi/wpa.php?ln=1&key=XzkzODAxMDk0OF8xNTQxNTVfNDAwODUxNjYwNl8yXw">*@
@*                                    <i class="iconfont">&#xf0005;</i> 在线客服</a></li>*@
@*                            <li><a href="http://weibo.com/qiandt"><i class="iconfont">&#x349f;</i> 新浪微博</a></li>*@
@*                            <li><a href="http://t.qq.com/qindaitong"><i class="iconfont">&#x343d;</i> 腾讯微博</a></li>*@
@*                            <li class="wxbox"><a href="#" id="wxewm"><i class="iconfont">&#x3433;</i> 微信</a></li>*@
@*                        </ul>*@ @*                    </div>*@ @*                    <div class="service fn-right">*@
@*                        <p>*@ @*                            客服电话</p>*@ @*                        <h4>*@
@*                            400-009-9594</h4>*@ @*                        <span>9:00 - 20:30</span>*@
@*                    </div>*@ @*                </div>*@ @*                <div class="ui-foot-section last">*@
@*                    <div class="ui-foot-copyright">*@ @*                        <span class="ui-foot-contact-link"><span class="fn-rmb">&copy;</span>2014 众禧贷 All rights*@
@*                            reserved</span> *@ @*                            <span class="ui-foot-contact-link has-separator">贵州中小乾信金融信息服务有限公司</span>*@
@*                        <span class="ui-foot-contact-link has-separator last"><a target="_blank" href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action">*@
@*                                                                                  黔ICP备15010344号</a></span>*@
@*                    </div>*@ @*                    <div class="ui-foot-copyright">*@
@*                        <a href="http://webscan.360.cn/index/checkwebsite?url=www.zxidai.com" target="_blank">*@
@*                            <img src="/Content/Default/Images/foot-icon-360.jpg" height="55" width="120" />*@
@*                        </a><a href="http://www.anquan.org/authenticate/cert/?site=www.zxidai.com&at=business"*@
@*                               target="_blank">*@ @*                                <img src="/Content/Default/Images/foot-icon-aq.jpg" height="55" width="120" />*@
@*                            </a><a href="http://search.szfw.org/entry.php?action=queryLicenseResult&id=2551"*@
@*                                   target="_blank">*@ @*                                    <img src="/Content/Default/Images/foot-icon-cx.jpg" height="55" width="120" />*@
@*                                </a><a href="https://trustsealinfo.verisign.com/splash?form_file=fdf/splash.fdf&amp;dn=www.zxidai.com&amp;lang=zh_cn"*@
@*                                       target="_blank">*@ @*                                        <img src="/Content/Default/Images/foot-icon-v.jpg" height="55" width="100" />*@
@*                                    </a>*@ @*                    </div>*@ @*                </div>*@
@*            </div>*@ @*        </div>*@
<script type="text/javascript">
    $(function () {
        $("#userName").focus(function () {
            if ($(this).val() == "用户名/手机号/邮箱") {
                $(this).val("");
                $("#loginerr").html("");
            }
        }).blur(function () {
            if ($(this).val() == "") {
                $(this).val("用户名/手机号/邮箱");
            }
        });
    });
</script>
<script type="text/javascript">
    $(function () {
        var x = 5;
        var y = 5;
        $("#wxewm").mouseover(function (e) {
            var wx_content = "<div class='wx_box' style='z-index:199;'><div class='wx_ewm'><img src='/Content/Default/Images/weixin.jpg' width='200' height='200'></div></div>";
            $(".wxbox").append(wx_content);
            $(".wx_box").css({ left: (428) + 'px', top: (-128) + 'px' }).show("fast");
        }).mouseout(function () {
            $(".wx_box").remove();
        }).mousemove(function (e) {
            $(".wx_box").css({ left: (428) + 'px', top: (-128) + 'px' });
        });
    })
</script>
<!-- footer end-->
